@import './normalize.less';
@import './base.less';
@import './variable.less';

.mmb_nav {
  border-top: 2rem/@base solid #d2d2d2;
  border-left: 2rem/@base solid #d2d2d2;
  border-bottom: 2rem/@base solid #d2d2d2;
  border-radius: 10rem/@base;
  overflow: hidden;
  .item {
  }
  h4 {
    padding-left: 30rem/@base;
    height: 80rem/@base;
    line-height: 80rem/@base;
    background-color: #ededed;
    font-size: 32rem/@base;
    font-weight: 700;
    border-right: 2rem/@base solid #d2d2d2;
    border-bottom: 2rem/@base solid #d2d2d2;
    position: relative;
    font-weight: 400;

    span {
      width: 33rem/@base;
      height: 18rem/@base;
      position: absolute;
      background: url(../images/down_03.jpg);
      background-size: 33rem/@base 18rem/@base;
      top: 30rem/@base;
      right: 30rem/@base;
    }
  }
  ul {
    &.hide {
      display: none;
    }
    li {
      float: left;
      width: 33.33333%;
      border-right: 2rem/@base solid #d2d2d2;
      border-bottom: 2rem/@base solid #d2d2d2;
      height: 80rem/@base;
      line-height: 80rem/@base;
      text-align: center;
 
    }
  }
}